

<!--A Design by W3layouts
   Author: W3layout
   Author URL: http://w3layouts.com
   License: Creative Commons Attribution 3.0 Unported
   License URL: http://creativecommons.org/licenses/by/3.0/
   -->
<!DOCTYPE html>

<html lang="en">

<head>
    <title>场馆注册</title>
    <!-- Meta tags -->
    <meta name="viewport" content="width=device-width, initial-scale=1" />
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta name="keywords" content="LOGIN_REGISTER"
    />
    <script>
        addEventListener("load", function () { setTimeout(hideURLbar, 0); }, false); function hideURLbar() { window.scrollTo(0, 1); }
    </script>
    <!-- Meta tags -->
    <!-- font-awesome icons -->
    <link href="css/font-awesome.min.css" rel="stylesheet">
    <link href="css/venueLoginRegister.css" rel="stylesheet">
<!--    <link rel="stylesheet" href="css/bootstrap.min.css" />-->
<!--    <link rel="stylesheet" href="css/homePage.css" />-->
    <!-- //font-awesome icons -->
    <!--stylesheets-->
    <link href="css/style.css" rel='stylesheet' type='text/css' media="all">
    <!--//style sheet end here-->
<!--    <link href="//fonts.googleapis.com/css?family=Montserrat:300,400,500,600" rel="stylesheet">-->
<!--    <link href="//fonts.googleapis.com/css?family=Open+Sans:400,600,700" rel="stylesheet">-->
</head>
<body>
<h1 class="error">注册你的场馆账号</h1>
<!---728x90--->
<div id="register" class="w3layouts-two-grids">
    <!---728x90--->
    <div class="mid-class">
        <div class="img-right-side">
            <h3>全民健身欢迎您</h3>
            <p></p>
            <img width="1000px" height="400px" src="images/fitness.jpg" class="img-fluid" alt="">
        </div>

        <!--用户名密码注册-->
        <div id="accountRegister" class="txt-left-side" :style="{display:accountDisplay}">
            <a style="color: red;font-size: 8px;">{{errorInfo}}</a>
            <h2> 场 馆 注 册 </h2>
<!--            <form>-->
                <div class="form-left-to-w3l">
                    <span class="fa fa-user-o" aria-hidden="true"></span>
                    <input type="text" @blur="checkVname" v-model="vname" placeholder=" 用户名" required="">
<!--                    <div class="errInfo">{{vnameError}}</div>-->
                    <div class="clear"></div>
                </div>
<!--                <div class="form-left-to-w3l">-->
<!--                    <span class="fa fa-phone" aria-hidden="true"></span>-->
<!--                    <input type="text" name="Phone" placeholder="Phone" required="">-->

<!--                    <div class="clear"></div>-->
<!--                </div>-->
<!--                <div class="form-left-to-w3l">-->
<!--                    <span class="fa fa-envelope-o" aria-hidden="true"></span>-->
<!--                    <input type="email" name="email" placeholder="Email" required="">-->

<!--                    <div class="clear"></div>-->
<!--                </div>-->
                <div class="form-left-to-w3l ">

                    <span class="fa fa-lock" aria-hidden="true"></span>
                    <input type="password" @blur="checkPassword" v-model="password" placeholder="设置密码" required="">
<!--                    <div class="errInfo">{{passwordError}}</div>-->
                    <div class="clear"></div>
                </div>
                <!--确认密码-->
                <div class="form-left-to-w3l ">

                    <span class="fa fa-lock" aria-hidden="true"></span>
                    <input type="password" @blur="checkConfirmPassword" v-model="confirmPassword" placeholder="再次输入密码" required="">
<!--                    <div class="errInfo">{{confirmPasswordError}}</div>-->
                    <div class="clear"></div>
                </div>
                <div class="main-two-w3ls">
                    <div class="left-side-forget">
                        <input type="checkbox" class="checked">
                        <span class="remenber-me">Remember me </span>
                    </div>
                    <div class="right-side-forget">
<!--                        <a href="#" class="for"></a>-->
                    </div>
                </div>
                <div class="btnn">
                    <button @click="submit(1)" type="submit" style="font-size: 20px">注 册</button>
                </div>
                <div @click="toDuanxin"   style="background-color:white;color: rgb(103,232,120);float:left;width: 100px;height: 30px;text-align: center;line-height: 185%;border-radius: 5px;border:rgb(103,232,120) 1px solid;">手机号注册</div>
            <div style="float:left;color: white">-----------------</div>
                <div @click="toQQ"  style="background-color:white;color: rgb(103,232,120);float:left;width: 100px;height: 30px;text-align: center;line-height: 185%;border-radius: 5px;border:rgb(103,232,120) 1px solid;">QQ注册</div>
<!--            </form>-->
            <div class="w3layouts_more-buttn">
                <h3>已经有账号了？
                    <a href="venueLogin.html">去登录
                    </a>
                </h3>
            </div>
            <div class="clear"></div>
        </div>

        <!--手机号注册-->
        <div id="phoneRegister" class="txt-left-side" :style="{display:phoneDisplay}">
            <a style="color: red;font-size: 8px;">{{errorInfo}}</a>
            <h2> 场 馆 注 册 </h2>
<!--            <form >-->
<!--                <div class="form-left-to-w3l">-->
<!--                    <span class="fa fa-user-o" aria-hidden="true"></span>-->
<!--                    <input type="text" name="Name" placeholder=" Name" required="">-->

<!--                    <div class="clear"></div>-->
<!--                </div>-->
                <div class="form-left-to-w3l">
                    <span class="fa fa-phone" aria-hidden="true"></span>
                    <input type="text" @blur="checkPhoneNumber" v-model="phoneNumber" placeholder="手机号码" required="">
<!--                    <div class="errInfo">{{phoneNumberError}}</div>-->
                    <div class="clear"></div>
                </div>
<!--                <div class="form-left-to-w3l">-->
<!--                    <span class="fa fa-envelope-o" aria-hidden="true"></span>-->
<!--                    <input type="email" name="email" placeholder="Email" required="">-->

<!--                    <div class="clear"></div>-->
<!--                </div>-->

                <!--验证码-->
                <div class="form-left-to-w3l ">
                    <span class="fa fa-lock" aria-hidden="true"></span>
                    <input width="40px" type="text" v-model="captcha"  placeholder="输入验证码" required="">
                    <a v-if="sender" class="sendCaptcha" href="javascript:void(0)" @click="send">{{sendCaptcha}}</a>
                    <a v-else class="sendCaptcha">{{timing}}</a>
                    <div class="clear"></div>
                </div>
                <div class="main-two-w3ls">
                    <div class="left-side-forget">
                        <input type="checkbox" class="checked" >
                        <span class="remenber-me">Remember me </span>
                    </div>
                    <div class="right-side-forget">
<!--                        <a href="#" class="for"></a>-->
                    </div>
                </div>
                <div class="btnn">
                    <button @click="submit(2)" type="submit" style="font-size: 20px">注 册</button>
                </div>
                <div @click="toAccount"  style="background-color:white;color: rgb(103,232,120);float:left;width: 100px;height: 30px;text-align: center;line-height: 185%;border-radius: 5px;border:rgb(103,232,120) 1px solid;">用户名注册</div>
                <div style="float:left;color: white">------------------</div>
                <div @click="toQQ"  style="background-color:white;color: rgb(103,232,120);float:left;width: 100px;height: 30px;text-align: center;line-height: 185%;border-radius: 5px;border:rgb(103,232,120) 1px solid;">QQ注册</div>
<!--            </form>-->

            <div class="w3layouts_more-buttn">
                <h3>已经有账号了？

                    <a href="venueLogin.html">去登录
                    </a>
                </h3>

            </div>

            <div class="clear"></div>
        </div>
    </div>

</div>

</body>
<script src="js/vue.js" type="text/javascript" charset="utf-8"></script>
<script src="js/axios.js" type="text/javascript" charset="utf-8"></script>
<script src="/venue/js/axios_interceptor.js" type="text/javascript" charset="UTF-8"></script>
<script src="js/register.js" type="text/javascript"></script>

</html>